<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    {include file="../application/index/view/common/link.html" /}
</head>
<body>
<!--头部-->
{include file="../application/index/view/common/header.html" /}
<!--幻灯片-->
{include file="common/slide" /}
<!--主体-->
<div class="body">
    <div class="layui-container">
        <div class="bt">
            <h2>
                <strong>博客文章</strong>
                <span>每天看一篇文章，让自己的大脑充实起来</span>
            </h2>
        </div>

        <div class="layui-row layui-col-space15">
            <div class="layui-col-md8">
                <div class="panel blog">
                    <div class="layui-tab layui-tab-brief">
                        <ul class="layui-tab-title">
                            <li class="layui-this">最近更新</li>
                            {volist name='cateList' id="v"}
                            <li>{$v.name}</li>
                            {/volist}
                        </ul>
                        <div class="layui-tab-content">
                            <div class="layui-tab-item layui-show">
                                <ul class="layui-timeline">
                                    {system:article item="v" field="id,post_title" limit="9" order="update_time desc"}
                                    <li class="layui-timeline-item">
                                        <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                                        <div class="layui-timeline-content ">
                                            <a href="{:url('post/home.index/content',['id'=>$v.id])}">
                                                <h3 class="layui-timeline-title">{$v.post_title}</h3>
                                            </a>
                                        </div>
                                    </li>
                                    {/system:article}
                                </ul>
                            </div>
                            {volist name='cateList' id="v"}
                            <div class="layui-tab-item ">
                                {if isset($v.more.thumbnail)}
                                <div class="cate-left">
                                    <img src="{:_get_image_preview_url($v.more.thumbnail)}" alt="{$v.more.thumbnail}">
                                </div>
                                {/if}
                                <div class="cate-right">
                                    <ul>
                                        {volist name='v.article' id='item'}
                                        <li>
                                            <a href="{:url('post/home.index/content',['id'=>$item.id])}">{$item.post_title}</a>
                                        </li>
                                        {/volist}
                                    </ul>
                                </div>
                                <div class="clear-both"></div>
                            </div>
                            {/volist}
                        </div>
                    </div>
                    <a href="{:url('post/home.index/index')}" class="blog-more">阅读更多文章</a>
                </div>
            </div>
            <div class="layui-col-md4">
                <div class="panel blog blog-right">
                    <h3>
                        <strong>优质</strong>
                    </h3>
                    <ul>
                        {system:article item="v" field="id,post_title" limit="7"  top="1"}
                        <li>
                            <a href="{:url('post/home.index/content',['id'=>$v.id])}" target="_blank">{$v.post_title}</a>
                        </li>
                        {/system:article}
                    </ul>
                    <h3>
                        <strong>推荐</strong>
                    </h3>
                    <ul>
                        {system:article item="v" field="id,post_title" limit="8"  reco="1"}
                        <li>
                            <a href="{:url('post/home.index/content',['id'=>$v.id])}" target="_blank">{$v.post_title}</a>
                        </li>
                        {/system:article}
                    </ul>
                </div>
            </div>
        </div>

        <div class="bt">
            <h2>
                <strong>应用、系统、模板</strong>
                <span>多研究，多实践，准会有属于自己的作品</span>
            </h2>
        </div>

        <div class="layui-row layui-col-space15">
            <div class="layui-col-md8">
                <div class="panel app app-left">
                    <div class="layui-tab">
                        <ul class="layui-tab-title">
                            {volist name="cateAppList" id="vv"}
                            <li class="{if $key == 0}layui-this{/if}">{$vv.name}</li>
                            {/volist}
                        </ul>
                        <div class="layui-tab-content">
                            {volist name="cateAppList" id="vv"}
                            <div class="layui-tab-item layui-show">
                                <ol class="layui-row layui-col-space15">
                                    {volist name='vv.app_list' id="vv"}
                                    <li class="layui-col-sm4">
                                        <a href="{:url('appshop/index/content',['id'=>$vv.id])}">
                                            <img src="{$vv.app_photo}" alt="">
                                            <p class="title">{$vv.app_name}</p>
                                        </a>
                                    </li>
                                    {/volist}
                                </ol>
                            </div>
                            {/volist}
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-col-md4">
                <div class="panel app app-right">
                    <h3>
                        <strong>热门</strong>
                    </h3>
                    <ol>
                        {volist name="hotApp" id="v"}
                        <li>
                            <a href="{:url('appshop/index/content',['id'=>$vv.id])}" class="ta">
                                <span class="sort">{$key+1}</span>
                                <p>
                                    <span>{$v.app_name}</span>
                                    <span>{$v.app_install}次下载</span>
                                </p>
                            </a>
                        </li>
                        {/volist}
                    </ol>
                </div>
            </div>
        </div>

        <div class="bt">
            <h2>
                <strong>友链</strong>
                <span>优秀的东西，应当及时收藏与分享品</span>
            </h2>
        </div>
        <div class="layui-row layui-col-space15">
            <div class="layui-col-md8">
                <div class="panel link link-left">
                    <ul>
                        {system:link item="v" limit="6" field="url_link,title" }
                        <li>
                            <a href="{$v.url_link}" target="_blank">
                                <i class="layui-icon layui-icon-right i"></i>
                                <p>
                                    <span>{$v.title}</span>
                                    <span>{$v.url_link}</span>
                                </p>
                            </a>
                        </li>
                        {/system:link}
                    </ul>
                </div>
            </div>
            <div class="layui-col-md4">
                <div class="panel link link-right">
                    <h3>
                        <strong>公众号</strong>
                        <span class="office-desc">本站公众号</span>
                    </h3>
                    <div class="office-img">
                        <img src="{:_get_image_preview_url($siteConfig.official)}" alt="" >
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--广告区-->
{include file="common/ad" /}
<!--底部-->
{include file="../application/index/view/common/footer.html" /}

<!--右侧固定导航区域-->
{include file="../application/index/view/common/righ_fixed.html" /}
</body>
</html>